<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
       <!-- <meta http-equiv="refresh" content="#{session.maxInactiveInterval};url=#{request.contextPath}/index.jsp" /> -->
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE9" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>LM - LM Associados - Administração de Condomínios</title>
            </f:facet>

            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

            <script language="javascript" src="#{request.contextPath}/js/locale.js"></script>
            <script language="javascript" src="#{request.contextPath}/js/padrao.js"></script>
            <script language="javascript" src="#{request.contextPath}/js/jquery.maskedinput.js"></script>
            <script language="javascript">
                jQuery(function($) {
                    $("input.data:text").mask("99/99/9999");
                    $("input.processo:text").mask("9999-9.999.999-9");
                });
            </script>

            <ui:insert name="head"></ui:insert>

            <style type="text/css">
                .actions td {
                    border: 0px none !important;
                    padding: 2px !important;
                }

                * { margin: 0; padding: 0; z-index: 1; }

                #limites { position: absolute; top: 50%; left: 50%; width: 680px; height: auto; margin: -200px 0 0 -340px; background-color: #eee; }

                #menuRel { position: absolute; top: 1%; left: 1%; height: auto;}

                #conteudo { padding: 20px; }

                .new {
                    background: url(../images/new-ico.gif) no-repeat 1%;
                }

                .ui-widget, .ui-widget .ui-widget {
                    font-size: 98% !important;

                } 

                .ui-menu .ui-menu-item .ui-menu-item-label {
                    padding: .4em 4.7em;
                }

                .ui-growl {
                    top:115px;
                }

                .coluna1 {  
                    text-align: left;
                    font-weight: bold; 
                    vertical-align: top;
                }  

                .coluna2 {  
                    font-weight: normal;  
                }  

                .semBorda tr, .semBorda td {  
                    border: none !important;  
                } 
            </style>
        </h:head>

        <h:body>
            <h:form id="frmPrincipal" prependId="false">
                <p:growl id="messagesMenu" showDetail="true" life="3000" />
                <table width="100%">
                    <tr>
                        <td>
                    <h:outputLink target="_blank" value="http://www.lmassociados.com.br" title="Site LM Associados" style="margin-bottom:2px;">
                        <h:graphicImage value="/logo/logoLM.jpg" height="60" width="130"/>
                    </h:outputLink>
                    </td>
                    <td nowrap="true">
                    <p:menubar autoDisplay="false" model="#{CtrlMenuDynamicBean.model}">                      
                        <p:submenu label="USUÁRIO ATUAL: #{sessionScope.usuarioAutenticado.nomUsuario}" icon="ui-icon-play" style="font-weight:bold;">
                            <p:separator />
                            <p:menuitem value="TROCAR USUÁRIO" url="/index.jsp" icon="ui-icon-close" style="font-weight:bold;" />
                            <p:separator />
                    <!--        
                            <p:menuitem value="Cadastro Usuários" icon="ui-icon-power" url="/administrativo/usuario.jsf" update=":frmPrincipal:messagesMenu" rendered="#{menuBean.usuario()}" />
                            <p:separator />
                    -->
                        </p:submenu>
                        <p:menuitem value="VOLTAR TELA PRINCIPAL" action="#{menuBean.home()}" icon="ui-icon-back" style="font-weight:bold;" />
                    </p:menubar>
                     </td>
                    <td>
                    <p:panelGrid columns="2">
                        <h:outputText value="Escolha seu Tema" style="font-weight:bold;"  />
                        <p:themeSwitcher value="#{themeSwitcherBean.theme}" effect="fade" var="t" style="width: 300px;">
                            <f:selectItem itemLabel="Escolha seu Tema" itemValue="" />
                            <f:selectItems value="#{themeSwitcherBean.advancedThemes}" var="theme" itemLabel="#{theme.name}" itemValue="#{theme}"/>
                            <p:ajax listener="#{themeSwitcherBean.saveTheme}" />

                            <p:column>
                                <p:graphicImage value="/images/themes/#{t.image}" />
                            </p:column>

                            <p:column>
                                #{t.name}
                            </p:column>
                        </p:themeSwitcher>
                    </p:panelGrid>
                    </td>
                    </tr>
                </table>
            </h:form>

            <ui:insert name="content">...</ui:insert>

            <ui:insert name="status">
                <p:ajaxStatus style="width:32px;height:32px;display:block;position:fixed;right:0;top:0;">
                    <f:facet name="start">
                        <p:graphicImage value="/images/loading.gif" />
                    </f:facet>

                    <f:facet name="complete">
                        <h:outputText value="" />
                    </f:facet>
                </p:ajaxStatus>
            </ui:insert>
        </h:body>

        <ui:insert name="highlight">
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/sh.js"></script>
            <script language="javascript">
                dp.SyntaxHighlighter.ClipboardSwf = '#{request.contextPath}/syntaxhighlighter/scripts/clipboard.swf';
                dp.SyntaxHighlighter.HighlightAll('code');
            </script>
        </ui:insert>
    </f:view>

</html>

